<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>管理系统登录</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="<?php echo STATIC_ADMIN; ?>bootstrap/css/bootstrap.min.css">

    <!-- Font Awesome -->
    <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="//cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css">

    <link rel="stylesheet" href="<?php echo STATIC_ADMIN; ?>dist/css/AdminLTE.css">
    <link rel="stylesheet" href="<?php echo STATIC_ADMIN; ?>dist/css/yc_style.css">
    <style>
        .bg{
            width:100%;
            height:100%;
            background:url("<?php echo STATIC_ADMIN; ?>dist/img/login/bg.jpg") no-repeat center center;
            background-size: cover;
            position: absolute;
            z-index: 1;
            overflow:hidden;
        }
        .login-box{
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            position: absolute;
            top: 0;
            z-index: 999;
            /*background-color: #fff;*/
        }
        .login-box-body{
            width:320px;
            height: 241px;
            margin: auto;
            padding: 0;
            position: absolute;
            left:0;
            top:0;
            right: 0;
            bottom: 0;
            background-color: transparent;
        }
        .box{
            padding: 10px;
            background-color: #fff;
            box-shadow:1px 1px 10px #333333;
            -moz-box-shadow:1px 1px 10px #333333;
            -webkit-box-shadow:1px 1px 10px #333333;
        }
    </style>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.3/html5shiv.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="hold-transition login-page" style="background-color:#1c77ac; background-repeat:no-repeat; background-position:center top; overflow:hidden;">

<div class="bg"></div>

<div class="login-box">
    <div class="login-box-body" >
        <div class="box">
            <h3 class="login-box-msg">管理系统登录</h3>

            <form action="<?php echo site_url('Index/login_action');?>" id="login" name="login" method="post">
                <div class="form-group has-feedback">
                    <input type="text" class="form-control" id="user_name" name="user_name"
                           datatype="*"
                           nullmsg="请输入用户名"
                           errormsg="请输入用户名"
                           placeholder="用户名"
                           style="padding-left: 2em;">
                    <span class="fa fa-user form-control-feedback" style="left: 0;"></span>
                    <div class="Validform_checktip"></div>
                </div>
                <div class="form-group has-feedback">
                    <input type="password" class="form-control" id="user_pass" name="user_pass"
                           datatype="*"
                           nullmsg="请输入登录密码"
                           errormsg="请输入登录密码"
                           placeholder="密码"
                           style="padding-left: 2em;">
                    <span class="fa fa-lock form-control-feedback" style="left: 0;"></span>
                    <div class="Validform_checktip"></div>
                </div>
                <div class="form-group has-feedback">
                    <input type="text" class="form-control" id="verifyCode" name="verifyCode"
                           datatype="*"
                           nullmsg="请输入验证码"
                           errormsg="请输入验证码"
                           placeholder="验证码"
                           style="display: inline-block;padding-left: 2em;width: 175px;vertical-align: middle;">
                    <img src="<?php echo site_url('Common/verify_code/120/34'); ?>"
                         title="点击刷新"
                         onclick="this.src='<?php echo site_url('Common/verify_code/120/34'); ?>?r=' + Math.random();"
                         style="cursor: pointer;">
                    <span class="fa fa-shield form-control-feedback" style="left: 0;"></span>
                    <div class="Validform_checktip"></div>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
                </div>
            </form>
        </div>
    </div>
</div>


</body>
</html>
<!-- jQuery 2.2.3 -->
<script src="<?php echo STATIC_COMMON; ?>plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="<?php echo STATIC_ADMIN; ?>bootstrap/js/bootstrap.min.js"></script>
<!-- layer 3.0.3 -->
<script src="<?php echo STATIC_COMMON; ?>plugins/layer/layer.js"></script>

<!-- Validform 5.3.2 -->
<script src="<?php echo STATIC_COMMON; ?>plugins/Validform/Validform_v5.3.2.js"></script>

<!-- other -->
<script src="<?php echo STATIC_ADMIN; ?>dist/js/yc_app.js"></script>
<script>
    $(function () {
        ycApp.initValidator();
    });
</script>
